<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" >
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
		
		
		<title>优当借书网</title>
		<style>
		/**********弹出菜单**********/
		li{
			list-style: none;
		}
		a:hover{text-decoration: none;}	
		.grey2{
			position: fixed;
			z-index: 200;
			width:100%;height: 100%;
			top:0;left:0;
			background: rgba(20,20,20,0.6);
			box-shadow: 0 0 0.24rem 0 rgba(0,0,0,0.15);
		}
		
		#menu{
			position: absolute;
			width:2.61rem;height: auto;
			border-radius: 0.05rem;
			background: #FFFFFF;
			top:1rem;right: 0.3rem;
			overflow: hidden;
			margin:0;padding:0;
			
		}
		#menu ul{
			margin:0;padding:0;
		}
		#menu ul li{
			margin:0;padding:0;
			width:100%;height: 0.939rem;
		}
		#menu ul li a{
			display: block;
			width:100%;height: 0.939rem;line-height: 0.939rem;
			box-sizing: border-box;
			padding-left: 0.2rem;
			text-align: left;
		}
		#menu ul li a img{
			width: 0.313rem;height: 0.313rem;
			margin-right: 0.24rem;
		}
		#menu ul li a>div{
			display: inline-block;
			width:1.7rem;height: 0.939rem;line-height: 0.939rem;
			box-sizing: border-box;
			border-bottom: 1px solid #E5E5E5;
			font-size: 0.27rem;
			color:#333333;
		}

		</style>
		<script>
		$(function(){
			$("#menu ul li").on({
				"touchstart":function(){
					$(this).css("background","#F5F5F5");
				},
				"touchend":function(){
					$(this).css("background","#ffffff");
				}
			})
		})
		</script>
	</head>
	<body>
		<!--头部菜单  开始-->
		<div class="grey grey2">
			<div id="menu">
				<ul>
					<li class="">
						<a href="../index.html">
							<img src="../images/menu/shouye.png" />
							<div>首页</div>
						</a>
					</li>
					<li class="">
						<a href="me.html">
							<img src="../images/menu/me.png" />
							<div>我的</div>
						</a>
					</li>
					<li class="">
						<a href="#" >
							<img src="../images/menu/kefu.png" />
							<div>客服</div>
						</a>
					</li>
					<li class="">
						<a href="html/hezuo_form.html">
							<img src="../images/menu/jieshao.png" />
							<div>加盟开店</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--头部菜单  结束-->
		
	</body>
</html>
